<?php
session_start();
if(isset($_SESSION['admin_id'])) {
    $mes="";
    if (isset($_SESSION['mes'])) {
        $mes = $_SESSION['mes'];
        $_SESSION['mes']="";
    }
    include ("../include/menu.php");
    include ("../include/dbFunctions.php");
    ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>JA Scheduling</title>

        <script type="text/javascript" language="javascript" src="../media/js/jquery/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" language="javascript" src="../media/js/jquery/dataTable.js"></script>
        <script type="text/javascript" src="../media/js/jquery/addInPlace.js"> </script>

        <!--  checkbox styling script -->
        <script src="../media/js/jquery/ui.core.js" type="text/javascript"></script>
        <script src="../media/js/jquery/ui.checkbox.js" type="text/javascript"></script>
        <script src="../media/js/jquery/jquery.bind.js" type="text/javascript"></script>

        <!--  styled select box script version 2 -->
        <script src="../media/js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
        <!--  CSS script -->
        <link rel="stylesheet" href="../media/css/screen.css" type="text/css" media="screen" title="default" />
        <link type="text/css" href="../media/css/dataTable.css" rel="stylesheet" />

        <!-- Manage table script -->
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#admintable').dataTable( {
                    "sPaginationType": "full_numbers"
                } );
            } );
            $(document).ready(function() {
                $('#admintable1').dataTable( {
                    "sPaginationType": "full_numbers"
                } );
            } );
        </script>

    </head>
    <body>
        <!-- DON'T TOUCH! Start: page-top-outer -->
            <?php
            top_outer();
    ?>
        <!-- End: page-top-outer -->

        <div class="clear">&nbsp;</div>

        <!--  start nav-outer-repeat................................................................................................. START -->
        <div class="nav-outer-repeat">
            <!--  start nav-outer -->
            <div class="nav-outer">

                <!-- start nav-right -->
                    <?php
                    nav_right();
    ?>
                <!-- end nav-right -->


                <!--  start nav -->
                <div class="nav">
                    <div class="table">

                            <?php
                            navigation();
    ?>

                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!--  start nav -->

            </div>
            <div class="clear"></div>
            <!--  start nav-outer -->
        </div>
        <!--  start nav-outer-repeat................................................... END -->

        <div class="clear"></div>

        <!-- start content-outer ........................................................................................................................START -->
        <div id="content-outer">
            <!-- start content -->
            <div id="content">

                <!--  start page-heading --> <!--lyedit-->
                <div id="page-heading">
                    <h1>Manage Admin Tutorials</h1>
                </div>
                <!-- end page-heading -->

                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                    <tr>
                        <th rowspan="3" class="sized"><img src="../media/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                        <th class="topleft"></th>
                        <td id="tbl-border-top">&nbsp;</td>
                        <th class="topright"></th>
                        <th rowspan="3" class="sized"><img src="../media/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
                    </tr>
                    <tr>
                        <td id="tbl-border-left"></td>
                        <td>
                            <!--  start content-table-inner ...................................................................... START -->
                            <div id="content-table-inner">
                                <table width="100%">
                                    <td align="right">
                                            <table>
                                                <tr><td>
                                                        <input type="button" value="&nbsp;" class="tutorials" onClick="parent.location='../include/tutorials.php'"></input>
                                                    </td>
                                                </tr>
                                            </table>

                                        </td>
                                </table>
                                <!--  start table-content  -->

                                <div id="table-content">
                                    <h3>Manage Volunteer</h3>

        <b>6.1.	Manage Volunteer</b><br><br>
        <b>Select Menu &rsaquo; Volunteer &rsaquo; Manage Volunteer</b>
        <br></br>
        <img src="image/manage_volunteer_1.png"/>
        <br></br><br>


        <b>6.2.	Add Volunteer</b><br><br>
        <b>Select Menu &rsaquo; Volunteer &rsaquo; Add Volunteer</b>
        <br></br>
        <img src="image/add_volunteer_1.png"/>
        <br></br>
        <br></br>
        <img src="image/add_volunteer_2.png"/>
        <br></br><br>



        <b>6.3.	View Volunteer</b><br><br>
        <b>From Manage Volunteer, select volunteer name</b>
        <br></br>
        <img src="image/view_volunteer_1.png"/>
        <br></br><br>



        <b>6.4.	Update Volunteer Information</b><br><br>
        <b>From View Volunteer, select <img src="image/update_volunteer_0.png"/> in section you want to edit</b>
        <br></br>
        <img src="image/update_volunteer_1.png"/>
        <br></br><br>


        <b>6.5.	Delete volunteer</b><br><br>
        <b>From Manage Volunteer, choose volunteer then select Delete </b>
        <br></br>
        <img src="image/delete_volunteer_1.png"/>
        <br></br><br>

        <input type='button'  value="Back" class="form-back" onclick='history.go(-1)'/>
                <div class="clear">&nbsp;</div>

            </div>
            <!--  end content -->
            <div class="clear">&nbsp;</div>
        </div>
        <!--  end content-outer........................................................END -->
            <?php
            footer();
    ?>

    </body>
</html>
    <?php
}else {
    header("Location: login.html");
}

?>